<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的订单-聚服务</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
</head>

<body>
    <div class="app-wrap" v-cloak id="order_jfw">
        <header-top></header-top>
        <header-search-global type="首页"></header-search-global>
        <common-top-nav></common-top-nav>
        <div class="bg-gray">
            <div class="container userCenter clear">
                <leftnav></leftnav>
                <div class="user-content">
                    <ul class="tabs">
                        <li class="li-tab" v-for="(item,index) in tabsParam" @click="toggleTabs(index)" :class="{active:index!=nowIndex}"><span>{{item}}</span></li>
                    </ul>
                    <!-- 聚订单列表 -->
                    <ul class="ucenter-order-list mt-20">
                        <li>
                            <div class="item-head">
                                <span class="col-img"></span>
                                <span class="col-name">订单名称</span>
                                <span class="col-param">参数</span>
                                <span class="col-baojia">报价</span>
                                <span class="col-state">状态</span>
                                <span class="col-action">操作</span>
                            </div>
                        </li>
                        <li v-for="item in list">
                            <div class="item-head">
                                <span class="col-img">{{item.createtime}}</span>
                                <span class="col-ordernum">订单号：{{item.ordernum}}</span>
                            </div>
                            <div class="item-body">
                                <div class="col-img">
                                    <img src="" width="80px" height="80px">
                                </div>
                                <div class="col-name">
                                    <span class="name">{{item.name}}</span>
                                </div>
                                <div class="col-param">
                                    <span class="param">{{item.param}}</span>
                                </div>
                                <div class="col-baojia">{{item.baojia}}</div>
                                <div class="col-state">{{item.state}}</div>
                                <div class="col-action">
                                    <a href="#" class="show-baojia">查看报价</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <common-page :current="1" :all="10"></common-page>
                </div>
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        order_jfw();
    </script>
</body>

</html>